<!--
 * @Author: 吴让坤
 * @Date: 2023-03-18 16:37:40
 * @LastEditTime: 2023-05-08 15:12:06
 * @Description: 描述
-->

<script setup lang="ts">
import type { FontIcons } from '@/enum';

type Props = {
  icon: FontIcons;
}
defineProps<Props>()

</script>

<template>
  <svg class="svg-icon" aria-hidden="true">
    <use :xlink:href="`#${icon}`"></use>
  </svg>
</template>

<style lang="scss" scoped>
.svg-icon {
  width: 100%;
  height: 100%;
  fill: currentColor;
  overflow: hidden;
}
</style>
